<template>
  <div class="home-container">
    <HeaderVue></HeaderVue>
    <SlideVue class="slide-bar"></SlideVue>
    <MovieListVue></MovieListVue>
  </div>
</template>

<script>
import HeaderVue from '../../components/Header/Header.vue'
import MovieListVue from '../../components/Movie/MovieList.vue'
import SlideVue from '../../components/Slide/Slide.vue'

export default {
  components: {
    HeaderVue,
    MovieListVue,
    SlideVue
  }
}
</script>

<style lang="less" scoped>
.home-container {
  position: relative;
  padding-top: 46px;
  padding-bottom: 50px;
}

.slide-bar {
  float: left;
}
</style>
